<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">

<!-- 章节标题 -->
<title>${chapterDetail.title }-章节内容-小说搜搜-免费且无广告的小说阅读网</title>

<!-- 使用网站图标：一般站长的做法，就是将网站图标文件favicon.ico放到网站根目录，就不管了。
其实，为了更好的兼容性，正确的做法应该是在header添加如下的META申明： -->
<link rel="icon" href="/icon/favicon-2017080708144388.ico">
<link rel="stylesheet" href="/css/bootstrap.min.css" type="text/css" />
<script src="/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="/js/bootstrap.min.js" type="text/javascript"></script>
<!-- 引入自定义css文件 style.css -->
<link rel="stylesheet" href="/css/style.css" type="text/css" />
<!-- Base64是一种基于64个可打印字符来表示二进制数据的表示方法。
Base64常用于在通常处理文本数据的场合，表示、传输、存储一些二进制数据。包括MIME的email，email via MIME, 在XML中存储复杂数据。
Base64其实是一种简单的置换加密方式，但是BASE64的用处往往并不是为了防止信息泄露，而且为了方便传输，进过BASE64编码后的信息会比原始信息长，大概是4/3倍。 -->
<script src="/js/jquery.base64.js"></script>
<style>
body {
	background-color: #E5E4DB;
}

.content {
	font-size: 16px;
	background-color: #F6F4EC;
	color: #333;
	padding: 20px;
	border-radius: 5px;
	-webkit-border-radiu: 5px;
}

.jumbotron {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #F5F5F5;
}
</style>
</head>
<body>
	<div class="jumbotron">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<a href="./">回到搜索页</a>
				</div>
			</div>
		</div>
	</div>
	<div class="container">
		<h3 style="text-align: center;">${chapterDetail.title }</h3>
		<!-- 章节内容区域 -->
		<div class="content">
			<c:if test="${isSuccess }">
				${chapterDetail.content }
				<!-- 前一章 章节列表 后一章 链接区域 -->
				<div style="text-align: center;">
					<!-- 以为翻页的url直接来自抓取的页面，所以对第一章的前一章和最后一章的后一章的处理可能出现多种方式，
				若是对应的url是目录页面，name在目录页面进行章节内容的抓取就会报错，所以要单独处理：使用button、js和alert("当前处于第一章或最后一章了") -->
					<!-- 看书中网站：
				<a href="./">上一章</a> <a href="/book/1236/">章节目录</a> <a href="./442954.html">下一章</a></div>
				<a href="./21108706.html">上一章</a> <a href="/book/1236/">章节目录</a> <a href="./">下一章</a></div>
				 -->
					<!-- 笔下文学网站：
				<li><a href="index.html">上一页</a></li><li><a href="index.html">回目录页</a></li><li><a href="32622843.html">下一页</a></li>
				<li><a href="40780797.html">上一页</a></li><li><a href="index.html">回目录页</a></li><li><a href="index.html">下一页</a></li>
				  -->
					<script type="text/javascript">
						onload = function() {
							console.log("loadfinish");
							var p = $("#preChapter1").html();
							var n = $("#nextChapter1").html();
							console.log(p);
							console.log(n);
							if (p.indexOf("index")> 0||p=="") {
								console.log("preChapter1");
								$("#preChapter2").removeAttr("href");
								console.log("preChapter2");
							}
							if (n.indexOf("index")> 0||n=="") {
								console.log("nextChapter1");
								$("#nextChapter2").removeAttr("href");
								console.log("nextChapter2");
							}
						}
					</script>
					<!-- 用来传递域中的值到js,使用html()来获取:成功 -->
					<span id="preChapter1" hidden="true">${chapterDetail.prev }</span>
					<span id="nextChapter1" hidden="true">${chapterDetail.next }</span>
					<a href="./chapterDetail?url=${chapterDetail.prev }&baseUrl=${baseUrl}" id="preChapter2">前一章</a>
					<a href="./chapterList?url=${baseUrl }" id="listChapter">章节列表</a>
					<a href="./chapterDetail?url=${chapterDetail.next }&baseUrl=${baseUrl}" id="nextChapter2">后一章</a>
				</div>
			</c:if>
		</div>
	</div>
</body>
</html>




















